<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="答题后台Js/jquery-3.4.1.js"></script>
    <link rel="stylesheet" href="答题后台css/zuo-container.css">
    <link rel="stylesheet" href="答题后台css/index.css">
    <link rel="stylesheet" href="答题后台css/menu.css">
    <link rel="stylesheet" href="答题后台css/system.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="答题后台css/cover.css">
    <script src="答题后台Js/menu.js"></script>
    <div class="container">
        <div class="left">
            <div class="one-menu">
                <i class="iconfont icon-drxx08" ></i>
                <span>用户权限</span>
            </div>
            <div class="child-menu" style="display: none">
                <ul>
                    <li class="item-user"><i class="iconfont icon-yonghuliebiao" ></i>用户列表</li>
                    <li class="item-limits"><i class="iconfont icon-quanxianguanli"></i>权限管理</li>
                </ul>
            </div>
            <div class="one-menu-two">
                <i class="iconfont icon-zhaoshangxiaochengxu-shouye" ></i>
                <span>小程序首页</span>
            </div>
            <div class="child-menu-two" style="display: none">
                <ul>
                    <li class="item-slide"><i class="iconfont icon-liebiao-dian" ></i>轮播图</li>
                    <li class="item-system"><i class="iconfont icon-jieshao"></i>体系介绍</li>
                </ul>
            </div>
            <div class="one-menu-three">
                <i class="iconfont icon-tiku" ></i>
                <span>题目模块</span>
            </div>
            <div class="child-menu-three">
                <ul>
                    <li class="item-title"><i class="iconfont icon-liebiaolist36" ></i>题目列表</li>
                </ul>
            </div>
            <div class="one-menu-for">
                <i class="iconfont icon-huodong" ></i>
                <span>课程活动</span>
            </div>
            <div class="child-menu-for" style="display: none">
                <ul>
                    <li class="item-course"><i class="iconfont icon-kechengliebiao" ></i>课程列表</li>
                    <li class="item-sort"><i class="iconfont icon-liebiao"></i>类别列表</li>
                    <li class="item-activity"><i class="iconfont icon-kecheng"></i>活动列表</li>
                </ul>
            </div>
            <div class="one-menu-five">
                <i class="iconfont icon-tiku" ></i>
                <span>题库模块</span>
            </div>
            <div class="child-menu-five" style="display: none">
                <ul>
                    <li class="item-bank"><i class="iconfont icon-liebiao" ></i>题库列表</li>
                </ul>
            </div>
        </div>
        <div class="right title-right" >
            <div class="top">
                <i class="iconfont icon-shuxiangbuju"></i> <span>题目列表</span>
                <div class="xia"> <i  class=" iconfont icon-xia"></i></div>
                <div class="upload"> <i class=" iconfont icon-shangchuantouxiang"></i></div>
            </div>
            <div class="bottom">
                <div class="navSearch">
                    <span>关键词：</span>
                    <input type="text" placeholder="请输入内容"/>
                    <span>题目标签：</span>
                    <input type="text" placeholder="请选择" class="icon icon-xia"/>
                    <div class="add clearPad">查询</div>
                </div>
                <div class="add addRight">添加</div>
                <div class="lio lioHeight lioTop">
                    <table style="text-align: center;height: 290px; width: 1100px;">
                        <thead>
                        <th class="use1">序号</th>
                        <th class="use2" style="width: 250px;">题目类型</th>
                        <th class="use3" style="width: 550px;">题目内容</th>
                        <th class="use4">操作</th>
                        </thead>
                        <tbody>
                        <tr style="height: 58px;">
                            <td>1</td>
                            <td>选择题</td>
                            <td>题目</td>
                            <td>
                                <span class="queryChange">编辑题目</span>
                                <span class="queryChange">删除题目</span>
                            </td>
                        </tr>
                        <tr style="height: 58px;">
                            <td>2</td>
                            <td>选择题</td>
                            <td>题目</td>
                            <td>
                                <span class="queryChange">编辑题目</span>
                                <span class="queryChange">删除题目</span>
                            </td>
                        </tr>
                        <tr style="height: 58px;">
                            <td>3</td>
                            <td>选择题</td>
                            <td>题目</td>
                            <td>
                                <span class="queryChange">编辑题目</span>
                                <span class="queryChange">删除题目</span>
                            </td>
                        </tr>
                        <tr >
                            <td>4</td>
                            <td>选择题</td>
                            <td>题目</td>
                            <td>
                                <span class="queryChange">编辑题目</span>
                                <span class="queryChange">删除题目</span>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="textContent">
                    <span>共四条</span>
                    <div class="pageState">
                        <ann>50条/页 <i class="iconfont icon-xia"></i></ann>
                    </div>
                    <span class="icon"><</span><span class="icon">1</span><span class="icon">></span>
                    <span class="spanPad">前往</span>
                    <div class="pageState2">
                        <ann>1</ann>
                    </div>
                    <span class="spanPad">页</span>
                </div>
            </div>

        </div>
    </div>
</head>
<body>
<script>
    $(function () {
        $(".item-title").css("color","#409Eff");
        $(".item-slide").click(function () {
            location.href="轮播首页.html"
        })
        $(".item-user").click(function () {
            location.href="用户列表.html"
        })
        $(".item-limits").click(function () {
            location.href="权限管理.html"
        })
        $(".item-course").click(function () {
            location.href="课程列表.html"
        })
        $(".item-sort").click(function () {
            location.href="类别列表.html"
        })
        $(".item-activity").click(function () {
            location.href="活动列表.html"
        })
        $(".item-bank").click(function () {
            location.href="题库列表.html"
        })
        $(".item-title").click(function () {
            $(".title-right").fadeIn(300);
        })
    });
</script>
</body>
</html>